<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>

<script src="/EmergenciasWAR/public/js/admin/menu.js" charset="UTF-8" type="text/javascript"></script>

<script type="text/javascript" src="/EmergenciasWAR/public/js/util.js" charset="UTF-8"></script>
<script type="text/javascript" src="/EmergenciasWAR/public/js/md5.js" charset="UTF-8"></script>

<header class="navbar navbar-default navbar-fixed-top" role="banner">
    <div class="container">
        <div class="navbar-header">   
            <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

        </div>
        <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
            <ul class="nav navbar-nav">                    
                <li><a href="/EmergenciasWAR/menu/index"><i class="glyphicon glyphicon-home"></i>  Inicio</a></li>
                    <c:if test="${fn:contains(it.permisos, 'P1')}">
                    <li><a href="/EmergenciasWAR/pacientes/index"><i class="glyphicon glyphicon-user"></i>  Pacientes</a></li>
                    </c:if>
                    <c:if test="${fn:contains(it.permisos, 'P2')}">
                    <li><a href="/EmergenciasWAR/doctores/index"><i class="glyphicon glyphicon-user"></i>  Doctores</a></li>
                    </c:if>    
                    <c:if test="${fn:contains(it.permisos, 'P3')}">
                    <li><a href="/EmergenciasWAR/diagnosticos/index"><i class="glyphicon glyphicon-heart"></i>  Diagn&oacute;sticos</a></li>
                    </c:if>
                    <c:if test="${fn:contains(it.permisos, 'P4')}">
                    <li><a href="/EmergenciasWAR/historial/index"><i class="glyphicon glyphicon glyphicon-list-alt"></i>  Historial</a></li>
                    </c:if>
                    <c:if test="${fn:contains(it.permisos, 'P4')}">
                    <li><a href="/EmergenciasWAR/reglas/index"><i class="glyphicon glyphicon glyphicon-list-alt"></i>  Reglas</a></li>
                    </c:if>
            </ul>
            <c:if test="${fn:contains(it.permisos, 'P4')}">
                <ul class="nav navbar-nav">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="glyphicon glyphicon-ok"></i> Asignaciones<span class="caret"></span></a>
                        <ul class="dropdown-menu" role="menu">
                            <li class="option"><a href="/EmergenciasWAR/asignaciones/especialidad-doctor/index"> Especialidad-Doctor</a></li>
                            <li class="option"><a href="/EmergenciasWAR/asignaciones/diagnostico-paciente/index"> Diagnostico-Paciente</a></li>
                        </ul>
                    </li>
                </ul>
            </c:if>
            <ul id="idOpcionesUsuario" class="nav navbar-nav navbar-right">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="glyphicon glyphicon-user"></i> ${it.usuario} <span class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu">
                        <li class="option"><a href="#"> Cambiar Contrase&ntilde;a</a></li>
                        <li class="divider"></li>
                        <li><a href="/EmergenciasWAR/login/cerrar"><i class="glyphicon glyphicon-off"></i>  Cerrar Sesi&oacute;n</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
    </div>
</header>

<div class="modal fade" id="modalActContrasenha" style="visibility: hidden;">
    <div class="modal-dialog">  
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close cerrarVentanaEditar" data-dismiss="modal" aria-hidden="true">&times;</button>  
                <h4 class="modal-title text-info"> <i class="glyphicon glyphicon-edit"></i> Cambiar Contrase&ntilde;a</h4> 
            </div> 
            <div class="modal-body">                                 
                <form id="actualizarContrasenhaForm" class="form-horizontal">
                    <br/>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">Contrase&ntilde;a Actual:</label>
                        <div class="col-sm-6">
                            <input type="password" id="inputActContrasenhaActual" class="form-control" name="contrasenhaActual" />
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">Contrase&ntilde;a Nueva:</label>
                        <div class="col-sm-6">
                            <input type="password" id="inputActContrasenhaNueva" class="form-control" name="contrasenhaNueva" />
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">Confirmar Contrase&ntilde;a:</label>
                        <div class="col-sm-6">
                            <input type="password" id="inputActConfirmarContrasenha" class="form-control" name="confirmarContrasenha" />
                        </div>
                    </div>    

                    <div class="row">
                        <div class="col-lg-4"></div>
                        <div class="controls col-lg-8">
                            <button type="button" class="btn btn-default cerrarVentanaEditar" data-dismiss="modal"><i class="glyphicon glyphicon-eye-close"></i> Cerrar</button>                                              
                            <button type="submit" class="btn btn-primary" id="buttonConfirmar"><i class="glyphicon glyphicon-floppy-saved"></i> Confirmar</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>                        
